<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
<link rel="stylesheet" href="script/bootstrap-3.3.7.min.css">

  <title>数组操作</title>
  <link rel="stylesheet" href="script/jquery-ui.1.10.4.css">  <!-- 注意顺序-->
  <style>
  #tog {
    text-align: center;
    width: 100px;
    height: 100px;
    background: #ccc;
  }
  </style>
  <script src="script/jquery-1.10.min.js"></script>
  <script src="script/jquery-ui.1.10.4.min.js"></script>
</head>

<!-- 特效网页 淡入淡出，膨胀，缩放，调整尺寸等效果 https://www.runoob.com/jqueryui/api-toggle.html -->

<!-- 控制特效的出现，消失，元素添加class 等 https://www.runoob.com/jqueryui/ref-effects-core.html -->
<body>
<div class="container">
  <div class="row">
    <p>a</p>
    <p>b</p>
    <p>c</p>
  </div>




 <div class="row">
    
    <div class="col-md-3">
        <button class="btn btn-default" onclick="slice(this)" data-script=''> slice(0,2) </button>
      <label class="label label-default">将所选内容缩减为只包含第一和第二个(0,1)</label>

    </div>
  </div>

  <div class="row">
      <div class="col-md-3" style="margin-bottom: 10px;margin-top: 20px;" >
      <button class="btn btn-default" onclick="inarray(this)" data-script='python'> $.inArray("js", arr) </button>
      <label class="label label-default">确定第一个参数在<span class="label label-info">数组</span>中的位置，从0开始计数(如果没有找到则返回 -1 )</label>

      </div>
  </div>

 <div class="row">
    
    <div class="col-md-3">
        <button class="btn btn-default" onclick="splice(this)" data-script=''> fruits.splice(2,0,"Lemon","Kiwi"); </button>
      <label class="label label-default">fruits数组索引2位置开始插入,0代表不删除( 用于插入、删除或替换数组的元素,会改变原始数组)</label>

    </div>
  </div>

   <div class="row">
    
    <div class="col-md-3">
        <button class="btn btn-default" onclick="indexof(this)" data-script=''> str.indexOf("welcome"); </button>
      <label class="label label-default">返回某个指定的字符串值在<span class="label label-info">字符串</span>中首次出现的位置</label>

    </div>
  </div>
</div>
<script type="text/javascript">

function indexof(obj){
  var str= "welcome beijing"
  console.log(str.indexOf("welcome"))
  console.log(str.indexOf("be"))
  console.log(str.indexOf("e"))
}

function splice(obj){
  var arr = [ "shtnl", "html", "js", "nodejs", ];
  arr.splice(1,1) //第一个位置开始，删除一个, html删除
  console.log(arr)

  var arr = [ "shtnl", "html", "js", "nodejs", ];
  arr.splice(1,0,"python","java") // 索引1位置开始，添加 python 和java
  console.log(arr)

}

function slice(obj){
  var t = $(obj)
  var arr = [ "shtnl", "html", "js", "nodejs", ];
  console.log(arr.slice(0,2))
  console.log($(".row"))
  console.log($(".row").slice(0, 2)) //前两个 包含row类的元素

}

  function inarray(obj){
    var t = $(obj)
    // console.log(t.text())
    var arr = [ "shtnl", "html", "js", "nodejs",t.text() ];  
    console.log($.inArray("js", arr));
    var p = t.data("script")
    console.log(p)
    console.log($.inArray(p, arr) == -1) //找不到 -1 类似python find,找到是索引值
  }

</script>


 
</body>
</html>